<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>主页</title>
<style type="text/css">
	body{overflow-y:scroll;}
</style>
 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
 <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
 <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
 <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
 <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></script>
 <style type="text/css">
 	.type a{color: #666;}
 	.type a:hover{color: #e10805;}
 	#vue_type{border: 1px solid #ececec;padding: 15px;}
 	#vue_type>div{padding: 5px;}
 	#vue_type>div:hover{background: #ececec;}
 </style>
</head>
<body>
<script type="text/javascript">
	$(function  () {
	 start()
	 
	 function start() {
		 
	 }

   //登陆后，显示用户名。并增设退出功能。
	 other()
   //搜索功能
	 search()
	 



  //搜索跳转事件
	function search_get(val) {
				let data={};
				data.val=val
				data.user=sessionStorage.user
				data=JSON.stringify(data)
				let ur='/jd_index?order=search_ware&data='+data;    
				ur=encodeURI(ur)	
				location.href=ur
	}

	 function search() {

	

		$('#search_button').on('click',function () {
			let val=$('#search').val()
			search_get(val)
		})

		$(document).keydown(function (event) {  
			let val=$('#search').val()
			if(event.keyCode==13){
				search_get(val)
			}
		})
 
	 }
					
	 
	 function other() {	
		if('<%- user%>'==0 && sessionStorage.user==undefined){
		   		
					 console.log('用户未登陆')
					 }else if(sessionStorage.user==undefined){
						 console.log(1)
						 sessionStorage.user='<%- user%>'
						 $('#nav_user').html('欢迎你，会员：'+'<%- user%>')
						 $('#user_login_show').attr('href',"/jd/ucenter")
						 //$('#user_login_show').show()
						
						

					 }else{
						 console.log(2)
						 $('#nav_user').html('欢迎你，会员：'+sessionStorage.user)
						 $('#user_login_show').attr('href',"/jd/ucenter")
						 //$('#user_login_show').show()
					 }
	 }




	 //所有类别中的标签点击事件
	 $('.lei').on('click',function () {
	  const val=	 $(this).html()
		 search_get(val)
	 })

   
		   			
		   	
		   				
							 
							 
		   				
	

	})
</script>
   
   
   
<div class="container-fluid" style="padding:0 5%;">
  <div class="row">
	  <div class="col-sm-6">
	  
	  </div>
	  
	   <div class="col-sm-6">
		  <nav class="navbar navbar-expand-sm navbar-light" style="font-size: 13px;">
			  <!-- Brand -->
			  <a class="navbar-brand" ><img width="70px" src="/cloud/jd_admin/主页图片/logo/logo.jpg" alt=""></a>
			  <!-- Links -->
			  <ul class="navbar-nav">
			    <!--<li class="nav-item">
			      <a class="nav-link" href="/jd/login" id="nav_user">您好，请登录</a>
			    </li>-->
			    <li class="nav-item dropdown">
			      <a class="nav-link dropdown-toggle" href="/jd/login"  id="nav_user" data-toggle="dropdown">
			           您好，请登录
			      </a>
			      <div class="dropdown-menu"  id="user_login_show">
			      	<a class="dropdown-item"  href="/jd/login">登陆</a>
			        <a class="dropdown-item" id="out_login"  href="/">退出</a>
			        
			        <script type="text/javascript">
			        	$('#out_login').click(function  () {
			        		sessionStorage.clear()
			        	})
			        </script>
			      </div>
			    </li>
			    
			    <li class="nav-item">
			      <a class="nav-link" href="/jd/reg">免费注册</a>
			    </li>
			 
			    <!-- Dropdown -->
			    <li class="nav-item dropdown">
			      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
			             我的订单
			      </a>
			      <div class="dropdown-menu">
			        <a class="dropdown-item" href="/jd/ucenter">我的订单</a>
			      </div>
			    </li>
			    
			    <li class="nav-item dropdown">
			      <a class="nav-link dropdown-toggle" href="#"  data-toggle="dropdown">
			             手机版
			      </a>
			      <div class="dropdown-menu">
			        <a class="dropdown-item" href="#">onload</a>
			        <a class="dropdown-item" href="#">Link 2</a>
			        <a class="dropdown-item" href="#">Link 3</a>
			      </div>
			    </li>
			    <li class="nav-item dropdown">
			      <a class="nav-link dropdown-toggle" href="#"  data-toggle="dropdown">
			            客户服务
			      </a>
			      <div class="dropdown-menu">
			        <a class="dropdown-item" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=244311531&site=qq&menu=yes">消费者客服</a>
			        <a class="dropdown-item" href="http://wpa.qq.com/msgrd?v=3&uin=244311531&site=qq&menu=yes">买家客服</a>
			      </div>
			    </li>
			  </ul>
		   </nav>
	  </div>
	  
  </div> <!--row 2 -->
	
  
  <div class="row" style="margin-top: 20px;">
  	<div class="col-sm-3">
  		<img src="/cloud/jd_admin/主页图片/logo/logo.jpg" width="180px" height="80px"/>
  	</div>
  	<div class="col-sm-6" style="margin-top: 20px;">
	  	<nav class="navbar navbar-expand-sm  navbar-dark" style="text-align: center;margin: auto;">
		    <input class="form-control" id="search" style="width: 400px;" type="text" placeholder="宝贝">
		    <button class="btn btn-danger" type="button" id="search_button">搜索</button>
		</nav>
  	</div>
  	<div class="col-sm-3" style="margin-top: 30px;">
  		<button type="button" class="btn btn-light">
		 <img src="../jd/images/later/购物车.png" width="20px"  style="margin-right: 2px;"/> 我的购物车 &nbsp;<span class="badge badge-danger">4</span>
		</button>
  	</div>
  </div>
  
  
  
  <div class="row">
  	<div class="col-sm-2">
  	</div>
  	<div class="col-sm-8">
  		<ul class="nav">
		  <li class="nav-item">
		    <a class="nav-link" href="#" style="color: #666;">秒杀</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">优惠券</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">PLUS会员</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">闪购</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">拍卖</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">服饰</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">超市</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">生鲜</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" style="color: #666;" href="#">全球购</a>
		  </li>
		</ul>
  	</div>
  	<div class="col-sm-2">
  	</div>
  </div>
  
  
  <div class="row">
  	<div class="col-sm-2 type" style="font-size: 14px;color: #666;height: 4<br />50px;overflow-y:hidden" >
  		<div id="vue_type">
  			<div style="margin-bottom: 5px;font-size: 16px;">所有类别</div>
  		    <div v-for="i in me" style="margin-bottom: 4px;"><a href="##"  class="lei">{{i.ob[0]}}</a>/<a href="##"  class="lei">{{i.ob[1]}} </a>/<a href="##"  class="lei">{{i.ob[2]}}</a></div>
  		</div>
  		
  		<script type="text/javascript">
  			new Vue({
  				el:'#vue_type',
  				data:{
  					me:[
  					   {ob:['手机','运营商','数码']},
  					   {ob:['家居','家具','家装']},
  					   {ob:['医疗保健','计生情趣','生活']},
  					   {ob:['手机','运营商','数码']},
  					   {ob:['手机','运营商','数码']},
  					   {ob:['手机','运营商','数码']},
  					   {ob:['手机','医疗保健','医疗保健']},
  					   {ob:['手机','运营商','数码']},
  					   {ob:['手机','运营商','数码']},
  					   {ob:['手机','运营商','数码']},
  					   {ob:['手机','运营商','数码']},
  					]
  				}
  				
  				
  					
  			})
  		</script>
  	</div>
  	
  	<div class="col-sm-6">
  		<div id="demo" class="carousel slide" data-ride="carousel">
 
			  <!-- 指示符 -->
			  <ul class="carousel-indicators">
			    <li data-target="#demo" data-slide-to="0" class="active"></li>
			    <li data-target="#demo" data-slide-to="1"></li>
			    <li data-target="#demo" data-slide-to="2"></li>
			  </ul>
			 
			  <!-- 轮播图片 -->
			  <div class="carousel-inner">
			    <div class="carousel-item active">
							      
						<a href='/jd_index?order=search_ware&data={"val":"手机"}'>
							<img src="/cloud/jd_admin/主页图片/轮播图/1.jpg">
						</a>
			    </div>
			    <div class="carousel-item">
			      <a href='/jd_index?order=search_ware&data={"val":"手机"}'><img src="/cloud/jd_admin/主页图片/轮播图/2.jpg"></a>
			    </div>
			    <div class="carousel-item">
			     <a href='/jd_index?order=search_ware&data={"val":"手机"}'><img src="/cloud/jd_admin/主页图片/轮播图/3.jpg"></a>
			    </div>
			  </div>
			 
			  <!-- 左右切换按钮 -->
			  <a class="carousel-control-prev" href="#demo" data-slide="prev">
			    <span class="carousel-control-prev-icon"></span>
			  </a>
			  <a class="carousel-control-next" href="#demo" data-slide="next">
			    <span class="carousel-control-next-icon"></span>
			  </a>
			 
		</div>
  	</div>
  	
  	<div class="col-sm-2">
  		<div><a href="#"><img src="http://127.0.0.1/cloud/jd_admin/主页图片/轮播右侧3张图/1.png"/ width="180px" height="140px"></a></div>
  		<div style="margin-top: 16px;"><a href="#"><img src="http://127.0.0.1/cloud/jd_admin/主页图片/轮播右侧3张图/2.png"/ width="180px" height="140px"></a></div>
  		<div style="margin-top: 16px;"><a href="#"><img src="http://127.0.0.1/cloud/jd_admin/主页图片/轮播右侧3张图/3.png"/ width="180px" height="140px"></a></div>
  	</div>
  	
  	<div class="col-sm-2">
  		<div style="border: 1px solid #ececec;">
  			<div style="height: 26px;">
  				<div style="float: left;font-size: 17px;padding: 10px;color: #666;">快报</div>
  				<div style="float: right;padding: 10px;font-size: 14px;margin-top: 2px;">更多>></div>
  			</div>
  			<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
  			
  			<div style="font-size: 14px;color: #666;padding: 0 10px;">
  				<div style="margin-bottom: 10px;"><a href="#" style="color: #666;">[特惠]运动户外大牌低至99元</a></div>
  				<div style="margin-bottom: 10px;"><a href="#" style="color: #666;">[公告]雄峰2018年夏季大促正式启动</a></div>
  				<div style="margin-bottom: 10px;"><a href="#" style="color: #666;">[特惠]好奇纸尿裤最高满499减120</a></div>
  				<div style="margin-bottom: 10px;"><a href="#" style="color: #666;">[公告]温州大件运营中心开启运营</a></div>
  			</div>
  			
  			<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
  			
  			<div style="margin-top: -20px;">
  				<div style="padding: 10px;">生活服务</div>
  				<div style="padding-left: 20px;">
  					<a href="#"><img src="../jd/images/fairy/1 (1).png" style="margin-left: 5px;margin-top: 5px;"/></a>
  					<a href="#"><img src="../jd/images/fairy/1 (2).png" style="margin-left: 5px;margin-top: 5px;"/></a>
  					<a href="#"><img src="../jd/images/fairy/1 (3).png" style="margin-left: 5px;margin-top: 5px;"/></a>
  					<a href="#"><img src="../jd/images/fairy/1 (4).png" style="margin-left: 5px;margin-top: 5px;"/></a>
  				</div>
  			</div>
  		</div>
    </div> 
    
  </div>
  
  
  
  
  
  <div class="row">
  	<div class="col-sm-2" style="background: #e83632;width: 100%;height: 260px;">
  		<div style="text-align:center;color: #fff;font-size: 30px;font-weight: 400;margin-top: 40px;">秒杀</div>
  	    <div style="text-align:center;color: #f49b99;font-size: 20px;font-weight: 400;">FLASH DEALS</div>
  	    <div style="text-align: center;margin-top: 10px;"><img src="../jd/images/fairy/闪电.png" width="45px"/></div>
  	    <div style="text-align:center;color: #fff;font-size:16px;font-weight: 400;margin-top:10px;">本场距离结束还剩</div>
  	    <div class="countdown" style="text-align: center;color: #fff;font-size:25px;font-weight: 400;margin-top:5px;"><!--<span class="days">00</span>-->
  	    	<span class="hours">00</span>:<span class="minutes">00</span>:<span class="seconds">00</span>
  	    </div>
  	   
  	
  	     <script src="https://cdn.bootcss.com/jquery.downCount/1.0.0/jquery.downCount.min.js"></script>
	    <script class="source" type="text/javascript">
	        $('.countdown').downCount({
	            date: '12/27/2025 00:00:00',
	            offset: +10
	        }, function () {
	          //  alert('倒计时结束!');
	        });
	    </script>
  	    
  	</div>
  	<div class="col-sm-2">
  		<div></div>
  		<div></div>
  		<div></div>
  	</div>
  	<div class="col-sm-2">
  	</div>
  	<div class="col-sm-2">
  	</div>
  	<div class="col-sm-2">
  	</div>
  	<div class="col-sm-2">
  	</div>
  </div>
  
  

  
  
	<script>	

		

	</script>
  
  
  
</div><!--container end~-->
<% include foot %>
   
   

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

</body>
</html>